<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>代金券管理页面</title>
		<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
		<!-- 公用js文件引入 -->
		<jsp:include page="../../admin/commonCSS.jsp"></jsp:include>
		
		<!-- Daterange picker 双日历日期区间选择插件 -->
        <link href="/adminlte/css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
		
		<!-- 局部css -->
		<link href="/css/admin/voucherManager.css" rel="stylesheet" type="text/css"/>
		
	</head>
	<body class="skin-blue">
		<!-- 公用头部 -->
        <jsp:include page="../../admin/commonHeader.jsp"></jsp:include>
       
       	<input type="hidden" name="adminName" id="adminName" value="${adminUser.adminName}">
        <div class="wrapper row-offcanvas row-offcanvas-left">
            
            <!-- 公用导航 -->
            <jsp:include page="../../admin/commonMenu.jsp"></jsp:include>
            
            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                       	代金券管理
                        <small>代金券列表</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                        <li class="active">代金券管理</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content" id="payment_content">
                    <!-- Small boxes (Stat box) -->
                    <div class="row fixrowscroll">
                        <!-- table数据 -->
                        <div class="box-body table-responsive">
                            <div class="dataTables_wrapper form-inline fixwrapperscroll" role="grid">
                                <div class="row">
                                    <div class="col-xs-6">
                                    	<select name="state" id="state" style="width: 85px;height: 35px;">
                                    		<option value="" selected="selected">全部</option>
                                    		<option value="0" >未使用</option>
                                    		<option value="1" >已使用</option>
                                    		<option value="2">已过期</option>
                                    	</select>
                                    	<input type="text" name="vnumber" id="vnumber" style="height:35px" placeholder="可输入代金券编号查询">
                                    	<a id="searchVoucher" class="btn btn-info">查询</a>
                                    </div>
                                    <div class="col-xs-6 text-right" style="padding-right:42px;padding-bottom:5px;">
                                    	<a id="addVoucher" class="btn btn-info">新增</a>
                                    </div>
                                </div>
                                <table id="voucherList" class="table table-bordered table-hover dataTable" aria-describedby="example2_info">
                                    <thead>
                                        <tr role="row">
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">序号</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">代金券编号</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">代金券金额</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">创建时间</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">起效时间</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">失效时间</th>
                                                                           
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">代金券类型</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">绑定信息</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">创建人</th>
                                            
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">状态</th>
                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending">操作</th>
                                       </tr>
                                       
                                       
                                    </thead>

									<tbody role="alert" aria-live="polite" aria-relevant="all">
                                     
                                    </tbody>
                                    
                                </table>
								<div id="pagesbox"></div>
                            </div>
                        </div>


                    </div><!-- /.row -->
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

		<script type="text/javascript">
			var currentMenu = 'financeManager';
		</script>
        <!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonJs.jsp"></jsp:include>
        
        <!-- 滚动条插件 -->
        
        <!-- daterangepicker 双日期插件 -->
        <script src="/adminlte/js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        
		<!-- 局部js -->
        <script src="/js/admin/financeManager/voucherManager.js"></script>
	
	</body>
</html>